<template>
  <view class="teacher-info flexc">
    <view class="flex1 over content">
      <view class="status">待确认</view>
      <template v-if="type == 0">
        <view class="wrap">
          <view class="flex" style="margin-bottom: 22upx">
            <view class="flex1">
              <view class="flex-between box">
                <view class="t">姓名</view>
                <view class="">带阿萨德</view>
              </view>
              <view class="flex-between box">
                <view class="t">教育ID</view>
                <view class="">带阿萨德</view>
              </view>
              <view class="flex-between box">
                <view class="t">性别</view>
                <view class="">带阿萨德</view>
              </view>
              <view class="flex-between box">
                <view class="t">民族</view>
                <view class="">带阿萨德</view>
              </view>
            </view>

            <image
              src="/static/demo.jpg"
              mode="aspectFill"
              class="avatar"></image>
          </view>
          <view class="flex-between box">
            <view class="t">政治面貌</view>
            <view class="">带阿萨德</view>
          </view>
          <view class="flex-between box">
            <view class="t">入党年月</view>
            <view class="">带阿萨德</view>
          </view>
          <view class="flex-between box">
            <view class="t">出生日期</view>
            <view class="">带阿萨德</view>
          </view>
          <view class="flex-between box">
            <view class="t">年龄</view>
            <view class="">带阿萨德</view>
          </view>
          <view class="flex-between box">
            <view class="t">籍贯</view>
            <view class="">带阿萨德</view>
          </view>
          <view class="flex-between box">
            <view class="t">教师资格</view>
            <view class="">带阿萨德</view>
          </view>
          <view class="flex-between box">
            <view class="t">原始学历</view>
            <view class="">带阿萨德</view>
          </view>
          <view class="flex-between box">
            <view class="t">取得日期</view>
            <view class="">带阿萨德</view>
          </view>
          <view class="flex-between box">
            <view class="t">毕业院校</view>
            <view class="">带阿萨德</view>
          </view>
          <view class="flex-between box">
            <view class="t">专业</view>
            <view class="">带阿萨德</view>
          </view>
          <view class="flex-between box">
            <view class="t">最高学历</view>
            <view class="">带阿萨德</view>
          </view>
          <view class="flex-between box">
            <view class="t">取得日期</view>
            <view class="">带阿萨德</view>
          </view>
          <view class="flex-between box">
            <view class="t">毕业院校</view>
            <view class="">带阿萨德</view>
          </view>
          <view class="flex-between box">
            <view class="t">毕业院校</view>
            <view class="">带阿萨德</view>
          </view>
          <view class="flex-between box">
            <view class="t">学历积分</view>
            <view class="">带阿萨德</view>
          </view>
        </view>
      </template>
      <template v-if="type == 1">
        <view class="wrap">
          <view class="flex-between box">
            <view class="t">姓名</view>
            <view class="">111</view>
          </view>
          <view class="flex-between box">
            <view class="t">教育ID</view>
            <view class="">111</view>
          </view>
          <view class="flex-between box">
            <view class="t">教师状态</view>
            <view class="">111</view>
          </view>
          <view class="flex-between box">
            <view class="t">工作月数</view>
            <view class="">111</view>
          </view>
          <view class="flex-between box">
            <view class="t">不中月数</view>
            <view class="">111</view>
          </view>
          <view class="flex-between box">
            <view class="t">他校月数</view>
            <view class="">111</view>
          </view>
          <view class="flex-between box">
            <view class="t">交流月数</view>
            <view class="">111</view>
          </view>
          <view class="flex-between box">
            <view class="t">山区月数</view>
            <view class="">111</view>
          </view>
        </view>

        <view class="wrap" v-for="item in 3">
          <view class="flex-between box">
            <view class="t">起始年月</view>
            <view class="">111</view>
          </view>
          <view class="flex-between box">
            <view class="t">截止年月</view>
            <view class="">111</view>
          </view>
          <view class="flex-between box">
            <view class="t">单位名称</view>
            <view class="">111</view>
          </view>
          <view class="flex-between box">
            <view class="t">月数</view>
            <view class="">111</view>
          </view>
          <view class="flex-between box">
            <view class="t">支教跟岗时间段单位</view>
            <view class="">111</view>
          </view>
        </view>
      </template>
      <template v-if="type >= 2">
        <view class="wrap">
          <view
            class="flex-between box"
            v-for="(item, index) in objItem"
            :key="item">
            <view class="t">{{ item.label }}</view>
            <view class="">{{ item.value }}</view>
          </view>
        </view>
      </template>
    </view>

    <view class="btn">
      <view class="">确认信息</view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      type: 0, //0--基础信息 1--履历信息
      action: {
        0: "教师基础信息",
        1: "履历信息统计表",
        2: "教师国家职称统计表",
        3: "教师职级信息统计表",
        4: "不老屯中学骨干教师统计表",
        5: "教师考核信息统计表",
        6: "教师考核信息统计表",
        7: "教师考核信息统计表",
        8: "教师考核信息统计表",
        9: "教师校本培训积分统计表",
        10: "教师校本培训积分统计表",
        11: "教师校本培训积分统计表",
        12: "教师校本培训积分统计表",
        13: "不老屯中学教师社会兼职统计",
        14: "教师岗位聘任及分工安排统计表",
        15: "学备组长统计表",
        16: "学科组长绩效",
        17: "学科组长备课组长绩效",
        18: "教育管理年度统计表",
        19: "工作业绩统计表",
      },
      objItem2: [
        { label: "姓名", value: "1111" },
        { label: "教育ID", value: "1111" },
        { label: "教师状态", value: "1111" },
        { label: "二级", value: "1111" },
        { label: "二级年限", value: "1111" },
        { label: "一级", value: "1111" },
        { label: "一级年限", value: "1111" },
        { label: "高级", value: "1111" },
        { label: "高级年限", value: "1111" },
        { label: "正高", value: "1111" },
        { label: "正高年限", value: "1111" },
        { label: "特级", value: "1111" },
        { label: "特级年限", value: "1111" },
        { label: "现职称", value: "1111" },
        { label: "现职称认定年月", value: "1111" },
        { label: "备注", value: "1111" },
      ],
      objItem3: [
        { label: "姓名", value: "1111" },
        { label: "教育ID", value: "1111" },
        { label: "入职年月", value: "1111" },
        { label: "现职称", value: "1111" },
        { label: "现职称认定年月", value: "1111" },
        { label: "年度教师状态", value: "1111" },
        { label: "年度国家职级", value: "1111" },
        { label: "年度抵挡累计", value: "1111" },
        { label: "年度中档累计", value: "1111" },
        { label: "年度高档累计", value: "1111" },
        { label: "年度本段累计", value: "1111" },
        { label: "备注", value: "1111" },
      ],
      objItem4: [
        { label: "姓名", value: "1111" },
        { label: "教育ID", value: "1111" },
        { label: "教师状态", value: "1111" },
        { label: "骨干级别", value: "1111" },
        { label: "认定年月", value: "1111" },
        { label: "认定周期", value: "1111" },
        { label: "骨干待遇", value: "1111" },
        { label: "备注", value: "1111" },
      ],
      objItem5: [
        { label: "姓名", value: "1111" },
        { label: "教育ID", value: "1111" },
        { label: "教师状态", value: "1111" },
        { label: "师德考核", value: "1111" },
        { label: "聘期考核", value: "1111" },
        { label: "记功嘉奖", value: "1111" },
        { label: "备注", value: "1111" },
      ],
      objItem6: [
        { label: "姓名", value: "1111" },
        { label: "教育ID", value: "1111" },
        { label: "教师状态", value: "1111" },
        { label: "满意度", value: "1111" },
        { label: "其他", value: "1111" },
        { label: "备注", value: "1111" },
      ],
      objItem7: [
        { label: "姓名", value: "1111" },
        { label: "教育ID", value: "1111" },
        { label: "教师状态", value: "1111" },
        { label: "学生评数", value: "1111" },
        { label: "其他", value: "1111" },
        { label: "备注", value: "1111" },
      ],
      objItem8: [
        { label: "姓名", value: "1111" },
        { label: "教育ID", value: "1111" },
        { label: "教师状态", value: "1111" },
        { label: "测评", value: "1111" },
        { label: "其他", value: "1111" },
        { label: "备注", value: "1111" },
      ],
      objItem9: [
        { label: "姓名", value: "1111" },
        { label: "教育ID", value: "1111" },
        { label: "教师状态", value: "1111" },
        { label: "研修培训", value: "1111" },
        { label: "备注", value: "1111" },
      ],
      objItem10: [
        { label: "姓名", value: "1111" },
        { label: "教育ID", value: "1111" },
        { label: "教师状态", value: "1111" },
        { label: "做课", value: "1111" },
        { label: "备注", value: "1111" },
      ],
      objItem11: [
        { label: "姓名", value: "1111" },
        { label: "教育ID", value: "1111" },
        { label: "教师状态", value: "1111" },
        { label: "常规检查", value: "1111" },
        { label: "备注", value: "1111" },
      ],
      objItem12: [
        { label: "姓名", value: "1111" },
        { label: "教育ID", value: "1111" },
        { label: "教师状态", value: "1111" },
        { label: "会议", value: "1111" },
        { label: "备注", value: "1111" },
      ],
      objItem13: [
        { label: "姓名", value: "1111" },
        { label: "教育ID", value: "1111" },
        { label: "教师状态", value: "1111" },
        { label: "兼职名称", value: "1111" },
        { label: "备注", value: "1111" },
      ],
      objItem14: [
        { label: "姓名", value: "1111" },
        { label: "教育ID", value: "1111" },
        { label: "主岗岗位名称", value: "1111" },
        { label: "岗位类型", value: "1111" },
        { label: "岗位学科", value: "1111" },
      ],
      objItem15: [
        { label: "姓名", value: "1111" },
        { label: "教育ID", value: "1111" },
        { label: "教师状态", value: "1111" },
        { label: "类型", value: "1111" },
        { label: "人数", value: "1111" },
        { label: "系数", value: "1111" },
        { label: "月数", value: "1111" },
        { label: "工作量", value: "1111" },
        { label: "备注", value: "1111" },
      ],
    };
  },
  computed: {
    objItem() {
      return this["objItem" + this.type];
    },
  },
  onLoad(options) {
    this.type = options?.type || 0;
    uni.setNavigationBarTitle({
      title: this.action[this.type],
    });
  },
};
</script>

<style lang="scss" scoped>
.teacher-info {
  width: 100%;
  height: 100%;
  background: #fff;
  box-sizing: border-box;
  padding-bottom: env(safe-area-inset-bottom);
  .content {
    padding: 24upx 32upx;
    background: #f6f6f6;
    .status {
      padding: 34upx 24upx;
      font-weight: bold;
      font-size: 28rpx;
      color: #f49c0d;
      background: #ffffff;
      border-radius: 24rpx 24rpx 24rpx 24rpx;
    }
    .wrap {
      margin-top: 24upx;
      background: #ffffff;
      border-radius: 24rpx 24rpx 24rpx 24rpx;
      padding: 34upx 24upx;
      font-size: 24rpx;
      color: #000000;
      font-weight: 300;
      .avatar {
        width: 144rpx;
        height: 192rpx;
        background: #f6f6f6;
        margin-left: 40upx;
      }
      .t {
        font-weight: bold;
      }
      .box {
        margin-bottom: 22upx;
      }
    }
  }

  .btn {
    padding: 8upx 32upx;
    & > view {
      height: 80rpx;
      background: #f49c0d;
      border-radius: 64rpx 64rpx 64rpx 64rpx;
      text-align: center;
      line-height: 80upx;
      width: 100%;
      font-size: 28rpx;
      color: #ffffff;
    }
  }
}
</style>
